<style>
#IzvodUgovorDetails{
	width:300px;
}
#IzvodUgovorDetails table{
	width:100%;
	border:none;
}
#IzvodUgovorDetails table tr td:first-child{
	border-left:1px solid #aaa;
}
#IzvodUgovorDetails table tr.sum{
	text-align:right;
	font-weight:bolder;
}
#IzvodUgovorDetails table tr.sum td{
	border:none;
}
#IzvodUgovorDetails table tr.dug{
	color:#f00;
}
#IzvodUgovorDetails table tr.nodug{
	display:none;
}
</style>
<div class="area" id="IzvodUgovorDetails">
<h1>Detalji ugovora&nbsp;{{$broj}}</h1>
<table cellspacing="0">
	<tr class="head">
		<td colspan="3" align="center">OTPLATA UGOVORA</td>
	</tr>
	<tr class="head">
		<td>datum</td>
		<td>iznos</td>
		<td>izvod</td>
	</tr>
	{{%loop start datum}}
	<tr>
		<td>{{$datum}}</td>
		<td align="right">{{$iznos}}</td>
		<td>{{$izvod}}</td>
	</tr>
	{{%loop end}}
	<tr class="sum">
		<td>VREDNOST UGOVORA:</td>
		<td>{{$ugovor_iznos}}</td>
		<td>&nbsp;</td>
	</tr>
	<tr class="sum">
		<td>UKUPNO OTPLAĆENO:</td>
		<td>{{$ukupno_otplaceno}}</td>
		<td>&nbsp;</td>
	</tr>
	<tr class="sum{{$nodug}}">
		<td>DUG:</td>
		<td>{{$ugovor_dug}}</td>
		<td>&nbsp;</td>
	</tr>
</table>
</div>